@charset "utf-8";

/* by Adon , CSS Document */


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
    background-color: #bcbcbc;
}

::selection{background: #bb3232;color: #fff;}

*{margin:0;padding:0;-webkit-touch-callout:none;}

body{ font-family:"Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif;font-size:12px}

a,body{color:#838383}

a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

a,a:focus{text-decoration:none;color:#838383}

h1,h2,h3,h4,h5,h6,li,ul{margin:0}

li,ul{list-style:none}

input,textarea,select{outline:none} 

img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none}

p,big,small{display:block;margin:0}

.left{float:left}

.right{float:right}

.clearfix{clear:both}

.container{width:1200px; margin:0 auto;}

.size{ font-size:18px !important}

.pic-scale{-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}

.radius5{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;-o-border-radius:5px;}

.header_top{ background:#fff;float:left; width:100%; border-bottom:solid 1px #eaeaeb; line-height:31px; font-size:13px;}

.header_top ul li{ float:left; padding-right:15px; margin-right:15px;background:url(../images/header_top.png) no-repeat right;}

.header_top ul li i{ font-style:normal;}

.header_top ul li.clear{background:none; padding-right:0; margin-right:0}

.header_content{ background:#fff;float:left; width:100%; padding:25px 0 0 0;box-shadow: 0 1px 5px #ddd;}

.header_content .header_nav { padding-bottom:25px;}

.header_content .header_nav li{float:left; color:#3d3d3d; font-size:16px; line-height:59px; margin-left:50px;}

.header_content .header_nav li:hover a{ color:#bb3232;}

.header_content .header_nav li a{color:#3d3d3d;}

.header_content .header_nav li.home{ background:url(../images/ico_home.png) no-repeat left; padding-left:25px;}

.header_content .header_nav li.home a{ color:#bb3232}

.header_qq{height:35px;line-height: 35px;background:url(../images/hq.png) no-repeat 15px 9px #bb3232; padding-left:15px;display: block;text-align: center;color: #FFFFFF;font-size: 14px;width: 105px; margin-top:10px; margin-left:50px; position:relative}

.header_qq a{ color:#fff;}

.header_qq:hover .pic{ display:block}

.header_qq .pic{ position:absolute; top:47px;left: -2px;border: solid 4px #fff;display: none;}


.header_content{ position:fixed; top:32px; z-index:1000;border-bottom:solid 1px #eaeaeb;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

.header_content.fix{top:0;}

.header_contentdiv{ float:left; height:109px; width:100%;}

.header_fix{ position: absolute; left:0; top:110px; width:100%;z-index:99;display:none}

.header_fix .container{ background:#fff; overflow:hidden;box-shadow:0 0 5px #ddd;height:290px;border:solid 1px #ddd; border-top:none;}

.header_fix dl{ float:left; width:15%;text-align:center; border-left:solid 1px #eef1f3; margin-left:-1px; height:100%;}

.header_fix dl.cl{ width:25%;}

.header_fix dl.cl dd{ width:50%; float:left;}

.header_fix dl dt{ font-weight:bold;display:block; background:#fbfafc;font-size:15px;color:#bb3232;line-height:65px; margin-bottom:10px;}

.header_fix dl dt img{ width:20px; position:relative; top:-2px; margin-left:-20px; margin-right:10px;}

.header_fix dl dt a{color:#bb3232;}

.header_fix dl dd{ font-size:14px; display:block; line-height:40px;}

.header_fix dl dd:hover a{color:#bb3232;}

.footer{ float:left; background:#2a2a2f; width:100%;color:#9e9e9e; padding-top:70px;font-size:14px;}

.footer .footer_dl dl{ float:left; line-height:25px; margin-right:80px;}

.footer .footer_dl dl dt{ display:block; font-size:16px; color:#cfcfcf; margin-bottom:10px;}

.footer .footer_dl dl dt a{color:#cfcfcf;}

.footer .footer_dl dl dd{ display:block;color:#9e9e9e}

.footer .footer_dl dl dd a{color:#9e9e9e}

.footer .qrcode{ text-align:center; margin-top:38px;}

.footer .qrcode span{ display:block; margin-top:10px;}



.footer .p{ text-align:center; border-top:solid 1px #393939; font-size:14px;line-height:80px; margin-top:70px;}



.fix_right{position:fixed;width:50px;height:100%;top:0;right:0;z-index:1001;background:rgba(0,0,0,0.8);}

.fix_right ul { position:relative; top:35%;}

.fix_right ul li{ display:block; padding:10px 0;text-align:center;color:#fff;}

.fix_right ul li.on .pic{ position:absolute; top:-80px; right:60px; display:none;width: 400px;max-width: inherit;}

.fix_right ul li.on:hover .pic{ display:block;}

.fix_right ul li a{ color:#fff;}

.fix_right ul li img{ width:25px;}

.fix_right ul li span{ display:block; margin-top:5px;}

.fix_right ul li span i{ font-style:normal;}

.fix_right ul li:hover{ background:#bb3232;}

.fix_right ul li.top{ margin-top:100%; display:none}



.cart_header{ background:#fff;float:left; width:100%; padding:25px 0;box-shadow:0 1px 5px #ddd;border-bottom:solid 1px #eaeaeb;}

.cart_header .text{ font-size:24px; color:#3d3d3d; line-height:60px; font-weight:bold; margin-left:10px;}

.cart_header .cart_process ul li { float:left; width:125px; color:#3d3d3d; position:relative;text-align:center;}

.cart_header .cart_process ul li em{ position:absolute; height:2px; background:#d3d3d3; width:100%; top:18px; left:0;}

.cart_header .cart_process ul li.on em{background:#bb3232;}

.cart_header .cart_process ul li i { text-indent:-4px;margin:0 auto 5px auto;width:34px; height:34px; line-height:34px; position:relative;z-index:9;text-align:center;display:block; background:url(../images/cart_process.png) no-repeat left; color:#fff; font-size:16px;}

.cart_header .cart_process ul li.on i{background:url(../images/cart_process.png) no-repeat right; }

.cart_header .cart_process ul li.red { background:url(../images/line_red.jpg) repeat-x 0 18px;  }

.cart_header .cart_process ul li.red_half span { background:url(../images/line_red.jpg) repeat-x 0 0; display:block; width:50%; height:2px; position:absolute; left:0; top:18px; z-index:1;}

.cart_header .cart_process ul li {  background:url(../images/line_gred.jpg) repeat-x 0 18px; }

.cart_header .cart_process ul li span { text-align:center; }





/*发布稿件*/

.member_release .add{ overflow:hidden; margin:0 auto; width:840px;}

.member_release .add ul li{ display:block; float:left; width:100%; font-size:14px; color:#3d3d3d; margin-bottom:20px;}

.member_release .add ul li .protocol{ line-height:48px; text-decoration:underline;}

.member_release .add ul li .mt font{ float:left; font-size:12px; text-align:center; margin:8px 0;width:20%;}

.member_release .add ul li .mt font img{ display:block; height:30px; margin:0 auto}

.member_release .add ul li label{ width:100px; text-align:right;float:left; line-height:47px;}

.member_release .add ul li label font{ color:#bb3232;}

.member_release .add ul li .item{ width:730px; float:right;}

.member_release .add ul li .file{ border: dashed 1px #ccc; line-height:25px; width:515px; cursor:pointer;text-align:center; padding:10px}

.member_release .add ul li .textarea{ height:400px;resize:none; line-height:normal;font-size:14px;font-family:"Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif;width:100%;line-height:40px;display:block; width:94.5%; padding:1% 2.5%;border:solid 1px #e8e8e8; }

.member_release .add ul li .text {font-size: 14px;line-height:45px;display: block;width:500px;padding: 0 2.5%;border: solid 1px #dadae5;}

.member_release .add ul li .id{ line-height:47px; color:#bb3232;font-size:18px; font-weight:bold;}

.member_release .add .submit{cursor:pointer;display:block;line-height:40px; border:0;color:#fff;text-align:center;background:#bb3232; font-size:16px; margin:30px auto 0 auto;width:265px;}

.member_release .notice { width:900px; margin:25px auto 0 auto;}

.member_release .notice .tit{ display:block; font-size:18px; color:#3d3d3d;margin-bottom:20px;}

.member_release .notice .tit img{ width:25px; margin-right:10px; top:5px; position:relative;}

.member_release .notice p{ font-size:14px; line-height:22px; margin-bottom:10px;}

.member_release .notice p b{ color:#3d3d3d;}

.member_release .notice p font.color{ color:#bb3232;}



.fixed-servicer-side{color:#000;position:fixed;bottom:80px;left:50%;width:360px;height:240px;text-align:left;background-color:#ffffffde;box-shadow:0 2px 5px 0 #dedede;border-radius:8px;transform:translateX(-50%);transition:.2s;overflow:hidden;-webkit-animation:up_down_bottom 2s ease-in-out infinite;animation:up_down_bottom 2s ease-in-out infinite;opacity:0;z-index:-1}@keyframes up_down_bottom{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,15px)}}.fixed-servicer-side.show{width:360px;opacity:1;z-index:100}.fixed-servicer-side .close{position:absolute;top:10px;right:10px;cursor:pointer}.fixed-servicer-side .close .iconfont{font-size:12px;color:#999}.fixed-servicer-side .info{font-size:20px;font-weight:bold;margin:20px 0 110px 20px}.fixed-servicer-side .contact{padding:5px 0;font-size:14px;color:#282a2f;margin-left:20px}.fixed-servicer-side .contact .iconfont{margin-right:5px;font-size:14px;color:#b5b5b5}.fixed-servicer-side .avatar{position:absolute;top:20px;right:20px;width:40px;border-radius:4px}.fixed-servicer-side .ewm-box{position:absolute;bottom:20px;right:10px;width:134px}.fixed-servicer-side .ewm-box img{width:100%}.fixed-servicer-side .ewm-box .eb-info{text-align:center;font-size:12px}.fixed-servicer-side .ewm-box .eb-info .iconfont{color:#4cd35a;margin-right:2px;font-size:14px}




   .hotWords {
            padding: 48px;
            background: #fff;
            width: 1100px;
            overflow: hidden;
            min-height: 550px;
            margin-bottom: 75px;
        }

        .hotWords .letter {
            height: 50px;
            margin: 0 -10px 20px;
            display: flex;
            justify-content: space-between;
        }

        .hotWords .letter a {
            display: block;
            width: 28px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 16px;
            border-radius: 6px;
            color: #3d3d3d;
        }

        .hotWords .letter a:hover {
            color: #bb3232;
        }

        .hotWords .letter a.current {
            color: #fff;
            background: #bb3232;
        }

        .letterTitle {
            height: 40px;
            background: #d6d6d6;
            text-align: center;
            border-radius: 6px;
            line-height: 40px;
            font-size: 22px;
            color: #fff;
        }

        .hotWords .content {
            overflow: hidden;
            padding: 15px 0;
        }

        .hotWords .content ul {
            width: 100%;
        }

        .hotWords .content li {
            float: left; /* margin:5px 0 5px -3px ; */
        }

        .hotWords .content li a {
            display: block;
            padding: 0 18px;
            height: 36px;
            line-height: 36px;
            margin: 0 2px;
            font-size: 14px;
        }

        .hotWords .content li a:hover {
             color: #fff;
            background: #bb3232;
            border-radius: 50px;
        }

  

.footer .link{ font-size:14px; padding-top:30px;}

.footer .link a,.footer .letter a{ margin:0 7PX;color:#9e9e9e;}

.footer .p{ margin-top:0;}

.footer .letter{text-align:center; font-size:16px; padding:50px 0; font-weight:bold; clear: both;}